<?php



include_once 'config.php';



	$sql = "select * from en_trunimg where type=2 order by orders"; 

	$query=mysql_query($sql);

	

?>









<!DOCTYPE>



<meta charset="utf-8">

<link rel="stylesheet" href="js/slides/css/global.css">

<script src="js/jquery-1.7.1.js"></script>

<script src="js/slides/slides.min.jquery.js"></script>





<script>

   $(document).ready(function(){



	   $('#slides').slides({

			preload: true,

			preloadImage: 'js/slides/img/loading.gif',

			play: 5000,

			pause: 2500,

			hoverPause: true,

			animationStart: function(current){

				$('.caption').animate({

					bottom:-35

				},100);

				if (window.console && console.log) {

					// example return of current slide number

					console.log('animationStart on slide: ', current);

				};

			},

			slidesLoaded: function() {

				$('.caption').animate({

					bottom:0

				},200);

			}

		});



	   });

</script>



<div id="container" >

		<div id="example" >

			

			<div id="slides" >

				<div class="slides_container">

				 <?php

				 	while($row=mysql_fetch_array($query)){

				 		

				 ?>

					<div class="slide">

						<a href=<?=$row['url']?> title="产品" target="_blank"><img src="<?=$row['path'] ?>" width="570" height="270" ></a>		

					</div>

					<?php }?>

					

				</div>

				<a href="#" class="prev"><img src="js/slides/img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>

				<a href="#" class="next"><img src="js/slides/img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>

			</div>

			<img src="js/slides/img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">

		</div>

		

	</div>

